奥义思网站建设-www.aooly.com
奥义思坚信质量高于产量
我们的团队自成立以来,秉承着质量是衡量价值最重要标准的理念,致力于打造高品质数字产品。不放过任何一个小的瑕疵而一蹴而就,体现的不仅是我们对品质的苛求,也是对客户以及产品负责的态度。
马上联系我们,让天才的设计师帮您实现这一切。

    CSS完全教程3 媒体(Media)类型

      1、媒体(Media)类型

      样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。

      声明一个媒体属性可以用@import@media引入:

      @import url(loudvoice.css) speech;
      @media print {
      /* style sheet for print goes here */
      }

      也可以在文档标记中引入媒体:

      <LINK rel="stylesheet" type="text/css" media="print" href="foo.css">

      可以看出,@import@media的区别在于,前者引入外部的样式单用于媒体类型,后者直接引入媒体属性。@import的使用方法是@import加样式单文件的URL地址再加媒体类型,可以多个媒体共用一个样式单,媒体类型之间用""分割符分开。@media用法则是把媒体类型放在前面,其他规则和rule-set基本一样。下面列出各种媒体类型:

       

      SCREEN:指计算机屏幕。
      PRINT:指用于打印机的不透明介质。
      PROJECTION:指用于显示的项目。
      BRAILLE:盲文系统,指有触觉效果的印刷品。
      AURAL:指语音电子合成器。
      TV:指电视类型的媒体。
      HANDHELD:指手持式显示设备(小屏幕,单色)
      ALL:适合于所有媒体。